<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <title>中科碳和</title>
    <meta name="keywords" th:content="${SITE_CONFIG.SITE_KWD}">
    <meta name="description" th:content="${SITE_CONFIG.SITE_DESC}">

    <link rel="stylesheet" th:href="@{/cweb/css/contact_us.css}"/>
    <link rel="stylesheet" th:href="@{/cweb/css/customer-20211209.css}"/>
    <script type="text/javascript"
            src="http://api.map.baidu.com/api?v=2.0&ak=K7vyL5wjOrKHDGpE740TLxOnFxH5u7yT"></script>
</head>
<body>

<div class="header">
    <div th:replace="home/cfragments/navbar :: cnavbar"></div>
</div>


<div class="in-banner">
    <img th:src="@{${aboutUs.coverImage}}" alt=""/>
</div>
<div class="contact-us">
    <div class="content">
        <div class="left map" id="map">
            <script th:src="@{/cweb/js/map.js}"></script>
        </div>
        <div class="right">
            <h3>联系我们</h3>
            <p class="tel" th:text="${CONTACT_US.fixedTelephone}">0311-82971538</p>
            <p class="con" th:text="${CONTACT_US.phoneNumber + '(' + CONTACT_US.contacts +')'}"></p>
            <p class="e-mail" th:text="${CONTACT_US.mailbox}"></p>
            <div class="addr">
                <p style="max-width: 350px" th:text="${CONTACT_US.address}"></p>
            </div>
        </div>
        <div class="cf"></div>
    </div>
</div>
<div class="footer">
    <div th:replace="home/cfragments/footer :: cfooter"></div>
</div>
<script>
    $(function () {
        $('#lxwo').addClass('th-bg');
        function animat() {
            var sc = $(window).scrollTop();
            var a = $(window).height();
            var cont_h = $('.contact-us .content').offset().top;
            if (sc + a > cont_h) {
                $('.contact-us .content .left').addClass('animat4')
                $('.contact-us .content .right').addClass('animat5')
            }
        }

        $(window).scroll(function () {
            animat();
        })
    })
</script>
</body>
</html>
